﻿<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-itunes-app" content="app-id=591578609">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="德瑞姆网校" />
<meta name="keywords" content="德瑞姆网校、心理学、考试"/>
<link rel="icon" href="http://media.yunxuetang.com/OrgFiles/Icons/201310/a103add7-9896-4380-b82e-8cae0ceddd49.ico?r=xwcsshaw" type="image/x-icon" />
<link rel="shortcut icon" href="http://media.yunxuetang.com/OrgFiles/Icons/201310/a103add7-9896-4380-b82e-8cae0ceddd49.ico?r=xwcsshaw" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="../style/kczx.css">
<link rel="stylesheet" type="text/css" href="../style/home_style.css">
<link rel="stylesheet" type="text/css" href="../style/user.css">
<link href="../style/pic.css" rel="stylesheet" />
<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

<script type="text/javascript" src="../js/home.js"></script>
<script type="text/javascript" src="../js/startMove.js"></script>
<title>德瑞姆家园个人空间</title>
<style type="text/css">
a {
	color:#222;
}
li {
	list-style-type:none;
	font-size:14px;
}
</style>
</head>
<body style="align:center; padding:0;margin:0;clear:both; background-color:FEFEFE;">

<!--顶部导航-->
<div class="user_top">
	<div class="user_top01">
		<div class="user_top02"> <a href="drm_home.htm"><img src="../images/home.png"/>&nbsp;&nbsp;德瑞姆家园</a> <a href="../../study_platform/study_platform/my_per.htm"><img src="../images/xxpt.png"/>&nbsp;&nbsp;学习平台</a> </div>
		<ul class="user_top03">
			<li> <a href="drm_user_per.htm">admin</a> </li>
			<li> <a href="drm_user_letter.htm">信息中心</a>
				<ul>
					<li> <a href="drm_user_letter.htm"> 邀请&nbsp;<span style="font-size:10px;color:#F90;">10 </span> </a> </li>
					<li> <a href="drm_user_letinfor.htm"> 通知&nbsp;<span style="font-size:10px;color:#F90;">10 </span> </a> </li>
				</ul>
			</li>
			<li> <a href="#">账号设置</a>
				<ul>
					<li> <a href="drm_user_record.htm"> 基本资料 </a> </li>
					<li> <a href="drm_user_repass.htm"> 修改密码 </a> </li>
					<li> <a href="../../ori_page/index.htm"> 安全退出 </a> </li>
				</ul>
			</li>
			<li> <a href="#">帮&nbsp;&nbsp;助</a> </li>
			<li> <a href="../../ori_page/index_logo.htm">返回首页</a> </li>
		</ul>
	</div>
</div>
<!--end顶部导航-->

<div class="user_ban">
	<div class="user_ban01">
		<div class="user_ban02">
			<div class="user_ban03"> <img src="../images/tx01.jpg"/> </div>
			<div class="zy_ban01"> Admin <br/>
				<p style="font-size:12px;color:#666;">(被访问5233次) </p>
			</div>
		</div>
	</div>
</div>
<div style="width:100%;height:10px;margin:0 auto;"></div>
<div class="zyt_body" style="min-height:510px;height:auto;overflow:hidden;"> 
	
	<!--导航-->
	<div class="user_body_nav">
		<ul id="nav00">
			<a href="drm_user_per.htm" onMouseDown="nav(1,12);">
			<li id="navli001" >个人中心</li>
			</a> <a href="drm_user_zy.htm" onMouseDown="nav(2,12);">
			<li id="navli002">主&nbsp;&nbsp;页</li>
			</a> <a href="#" onMouseDown="nav(3,12);">
			<li id="navli003">个人档案</li>
			</a> <a href="drm_user_weibo.htm" onMouseDown="nav(4,12);">
			<li id="navli004">微&nbsp;&nbsp;博</li>
			</a> <a href="drm_user_blog.htm" onMouseDown="nav(5,12);">
			<li id="navli005">博&nbsp;&nbsp;客</li>
			</a> <a href="drm_user_share.htm" onMouseDown="nav(6,12);">
			<li id="navli006">共&nbsp;&nbsp;享</li>
			</a> <a href="drm_user_collect.htm" onMouseDown="nav(7,12);">
			<li id="navli007">收&nbsp;&nbsp;藏</li>
			</a> <a href="drm_user_friend.htm" onMouseDown="nav(8,12);">
			<li id="navli008">好&nbsp;&nbsp;友</li>
			</a> <a href="drm_user_group.htm" onMouseDown="nav(9,12);">
			<li id="navli009">群&nbsp;&nbsp;组</li>
			</a> <a href="drm_user_pic.htm" onMouseDown="nav(10,12);"  style="background-color:#578429;color:#FFF;">
			<li id="navli0010">相&nbsp;&nbsp;册</li>
			</a> <a href="drm_user_course.htm" onMouseDown="nav(11,12);">
			<li id="navli0011">课&nbsp;&nbsp;程</li>
			</a> <a href="drm_user_medal.htm" onMouseDown="nav(12,12);">
			<li id="navli0012">勋&nbsp;&nbsp;章</li>
			</a>
		</ul>
		<a href="#"><span class="user_nave"><img src="../images/zbkj.png"/></span></a> </div>
	<!--end导航--> 
	
	<!--图片展示-->
	
	<div class="user_body01" style="background-color:#FFFFFF;top:0px;">
		<div class="user_body01" style="background-color:#FFF;top:0px;">
			<div class="pic_div" style="font-size:16px;font-weight:bold;color:#666;text-indent:30px;"> 空间相册01 <span style="font-size:14px;color:#999">(10)</span> </div>
			<div class="pic_div" style="margin-top:15px;"> <a href="drm_user_picsadd.htm">
				<div class="pic_top01" style="background-color:#578429;"> 上传照片 </div>
				</a> <a href="#" onClick="pic_add()">
				<div class="pic_top02"> <img src="../images/add.png"/> 创建相册 </div>
				</a> </div>
			<div class="pic_div00" style="padding-top:20px;">
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#" onClick="picshow_add()"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#"onClick="picshow_add()"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#" onClick="picshow_add()"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#" onClick="picshow_add()"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
			</div>
			<div class="pic_div00" style="padding-top:40px;">
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#" onClick="picshow_add()"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#" onClick="picshow_add()"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
				<div class="pics_div00">
					<div class="pics_div">
						<div class="pics_divpic"> <a href="#" onClick="picshow_add()"> <img src="../images/pics01.jpg"/> </a> </div>
						<div class="pics_divtext"> 图片名称或简述 </div>
						<div class="pics_divtext" style="color:#666"> 2014年01月01日 <a href="#"> <span style="float:right">评论（0） </span> </a> </div>
					</div>
					<div class="pic_div03"> <a href="#" style="color:#07B2AA">编辑</a> <span style="margin-left:5px;margin-right:10px;"><a href="#" style="color:#07B2AA">删除</a></span> </div>
				</div>
			</div>
		</div>
	</div>
	<!--end图片展示--> 
	
</div>

<!--创建相册-->
<div id="picadd" class="blog_add"  style="position:fixed;top:35%;z-index:100;">
	<div class="blog_add01"> 创建相册
		<div class="blog_add02"> <a href="#" onMouseDown="pic_del()"><img src="../images/cha.png"/></a> </div>
	</div>
	<div class="blog_add03" style="text-align:left;font-size:12px;padding-top:10px;padding-left:5px;vertical-align:middle;">
		<p>相册名称：
			<input style="height:25px;" type="text">
		</p>
		<p style="margin-top:20px;">隐私设置：
			<input style="vertical-align:top;" id="open" type="checkbox">
			<label style="font-weight:100;" for="open">公开</label>
		</p>
	</div>
	<div class="collect_add02"> <a href="#" onClick="pic_del()">
		<div style="height:24px;width:50px; background-color:#578429;color:#FFF;position:absolute;float:left;left:45%;"> 确&nbsp;认 </div>
		取消 </a> </div>
</div>

<!--end创建相册--> 

<!--单张图片展示-->

<div id="picshow" class="pics_listbody00">
	<div style="width:98%;height:20px;"> <span style="font-size:16px;margin-left:20px;">空间相册01</span> <span style="float:right;"> <a href="#" onMouseDown="picshow_del()"><img src="../images/cha.png"/></a> </span> </div>
	<script type="text/javascript">
window.onload=function(){
	var aPicLi=document.getElementById('pic_list').getElementsByTagName('li');
	var aTextLi=document.getElementById('text_list').getElementsByTagName('li');
	var aIcoLi=document.getElementById('ico_list').getElementsByTagName('li');
	var oIcoUl=document.getElementById('ico_list').getElementsByTagName('ul')[0];
	var oPrev=document.getElementById('btn_prev');
	var oNext=document.getElementById('btn_next');
	var oDiv=document.getElementById('box');
	var i=0;
	var iNowUlLeft=0;
	var iNow=0;
	
	oPrev.onclick=function(){
		if(iNowUlLeft>0){
			iNowUlLeft--;
			oUlleft();
		}
		oPrev.className=iNowUlLeft==0?'btn':'btn showBtn';
		oNext.className=iNowUlLeft==(aIcoLi.length-7)?'btn':'btn showBtn';
	}
	
	oNext.onclick=function(){
		if(iNowUlLeft<aIcoLi.length-7){
			iNowUlLeft++;
			oIcoUl.style.left=-aIcoLi[0].offsetWidth*iNowUlLeft+'px';
		}
		oPrev.className=iNowUlLeft==0?'btn':'btn showBtn';
		oNext.className=iNowUlLeft==(aIcoLi.length-7)?'btn':'btn showBtn';
	}
	
	for(i=0;i<aIcoLi.length;i++){
		aIcoLi[i].index=i;
		aIcoLi[i].onclick=function(){
			if(iNow==this.index){
				return false;
			}
			iNow=this.index;
			tab();
		}
	}
	
	function tab(){
		for(i=0;i<aIcoLi.length;i++){
			aIcoLi[i].className='';
			aPicLi[i].style.filter='alpha(opacity:0)';
			aPicLi[i].style.opacity=0;
			aTextLi[i].getElementsByTagName('h2')[0].className='';
			miaovStopMove( aPicLi[i]);
		}
		aIcoLi[iNow].className='active';
		//aPicLi[this.index].style.filter='alpha(opacity:100)';
		//aPicLi[this.index].style.opacity=1;
		miaovStartMove(aPicLi[iNow],{opacity:100},MIAOV_MOVE_TYPE.BUFFER);
		aTextLi[iNow].getElementsByTagName('h2')[0].className='show';
	}
	
	function oUlleft(){
		oIcoUl.style.left=-aIcoLi[0].offsetWidth*iNowUlLeft+'px';
	}
	
	function autoplay(){
		iNow++;
		if(iNow>=aIcoLi.length){
			iNow=0;
		}
		if(iNow<iNowUlLeft){
			iNowUlLeft=iNow;
		}else if(iNow>=iNowUlLeft+7){
			iNowUlLeft=iNow-6;
		}
		oPrev.className=iNowUlLeft==0?'btn':'btn showBtn';
		oNext.className=iNowUlLeft==(aIcoLi.length-7)?'btn':'btn showBtn';
		oUlleft();
		tab();
	}
}
</script>
	<div id="box" style="background-color:#6C6C6C;border:1px solid #B5B5B5">
		<ul id="pic_list">
			<li style="background-color:#FFF;width:970px;z-index:2;opacity:1;
fliter:alpha(opacity=100);">
				<div class="pics_listdiv"> <a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a> </div>
				<div class="pics_listdivb">
					<div class="pics_listtitle"> 评论 <span style="font-size:12px;">(5)</span> </div>
					<div class="pics_listcon">
						<div class="pics_listarea">
							<textarea class="pics_listarea00"></textarea>
						</div>
						<div class="pics_listtt "> <a href="#" style="float:left;"> <img src="../images/bq.png">&nbsp;&nbsp;表情</a> <a href="#">
							<div class="pic_top01" style="left:80px;;background-color:#578429;"> 发表评论</div>
							</a> </div>
						<div class="pics_listbody">
							<div class="pics_listbod00">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
							<div style="position:relative;float:left;width:98%;min-height:50px;height:auto;border-bottom:1px dashed #DDD;margin-top:10px;">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
							<div style="position:relative;float:left;width:98%;min-height:50px;height:auto;border-bottom:1px dashed #DDD;margin-top:10px;">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
							<div style="position:relative;float:left;width:98%;min-height:50px;height:auto;border-bottom:1px dashed #DDD;margin-top:10px;">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li style="background-color:#FFF;width:970px;z-index:2;opacity:1;
fliter:alpha(opacity=100);">
				<div class="pics_listdiv"> <a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a> </div>
				<div class="pics_listdivb">
					<div class="pics_listtitle"> 评论 <span style="font-size:12px;">(5)</span> </div>
					<div class="pics_listcon">
						<div class="pics_listarea">
							<textarea class="pics_listarea00"></textarea>
						</div>
						<div class="pics_listtt "> <a href="#" style="float:left;"> <img src="../images/bq.png">&nbsp;&nbsp;表情</a> <a href="#">
							<div class="pic_top01" style="left:80px;;background-color:#578429;"> 发表评论</div>
							</a> </div>
						<div class="pics_listbody">
							<div class="pics_listbod00">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
							<div style="position:relative;float:left;width:98%;min-height:50px;height:auto;border-bottom:1px dashed #DDD;margin-top:10px;">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
							<div style="position:relative;float:left;width:98%;min-height:50px;height:auto;border-bottom:1px dashed #DDD;margin-top:10px;">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
							<div style="position:relative;float:left;width:98%;min-height:50px;height:auto;border-bottom:1px dashed #DDD;margin-top:10px;">
								<div class="user_tx02"> <img src="../images/tx02.jpg"> </div>
								<div style="position:relative;float:left;width:150px;text-indent:1em;line-height:25px;">
									<p> 很好！很好！</p>
									<p style="font-size:12px;color:#666;"> 2014年01月01日</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a> </li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
			<li><a href="#"><img width="660" height="330" src="../images/img/pic_1.jpg" alt="" /></a></li>
		</ul>
		<div class="mark"></div>
		<ul id="text_list">
			<li>
				<h2 class="show"><a href="#">图片简介或题目或名称...</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称可自拔...</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
			<li>
				<h2><a href="#">图片简介或题目或名称..</a></h2>
			</li>
		</ul>
		<div id="ico_list">
			<ul>
				<li class="active"><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="125" height="70" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="62" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img width="64" height="34" src="../images/img/ico_1.jpg" alt="" /></a></li>
			</ul>
		</div>
		<a href="javascript:void(0)" id="btn_prev" class="btn"></a> <a href="javascript:void(0)" id="btn_next" class="btn showBtn"></a> </div>
</div>

<!--end单张图片展示-->
</body>
</html>